﻿<div ng-controller="ProjectController">
    <div style="padding-top:25px">
        <h1>
            {{Project.ProjectName}}
            <!-- Project Delete-->
            <button ng-click="DeleteProject(project.ProjectID)" class="btn btn-danger pull-right">Delete Project</button>
            <!-- Project Edit-->
            <a class="btn btn-warning pull-right" style="margin-right:10px" ng-href="#/ProjectEdit/{{Project.ProjectID}}">Edit</a>
        </h1>

        <strong>Start Date: </strong>{{Project.StartDate | date:'mediumDate'}}<br />
        <strong>Target Completion Date: </strong>{{Project.TargetDate | date: 'mediumDate'}}<br />
        <strong>Date Completed: </strong>{{Project.CompletionDate | date: 'mediumDate'}}
    </div>
    <div>
        <h3>Solutions for This Project<a href="#/AddSolution/{{Project.ProjectID}}" class="btn btn-success pull-right">Add Solution</a></h3>
        <hr />
        <div ng-repeat="s in Project.Solutions | orderBy : 'StartDate'">
            <strong>Solution: </strong>{{s.SolutionName}}<br />
            <strong>Start Date: </strong>{{s.StartDate | date:'mediumDate'}}<br />
            <strong>Target Completion Date: </strong>{{s.TargetCompletionDate | date:'mediumDate'}}<br />
            <strong>Urgency: </strong>{{s.Urgency}}
            <hr />
        </div>
    </div>
</div>